<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
* { margin:0; padding:0;}
body { font-size:12px;}
.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
.comment h6 { font-weight:700; font-size:14px;}
.para { margin-top:5px; text-indent:2em;background:#DDD;}
</style>
 <!--   引入jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script language="javascript" >
	$(function(){
       
	   $("#sub").click(function(){
			$.get("get3.jsp", { 
					    title :  encodeURI( $("#title").val() ) , 
						leibie :   encodeURI( $("#leibie").val()),
                                                leixing :   encodeURI( $("#leixing").val()),
                                                zhuanye :   encodeURI( $("#zhuanye").val())
					}, function (data, textStatus){
					    var title = data.title;
						var leibie = data.leibie;
                                                var  leixing  = data. leixing;
                                                 var  zhuanye  = data. zhuanye;
						title =  decodeURI(title);
						leibie = decodeURI(leibie);
                                                 leixing  = decodeURI( leixing );
                                                 zhuanye  = decodeURI( zhuanye );
					    var txtHtml = '<div class="comment">'+title+leibie+leixing+zhuanye+'<span>edrear<a herf="#" name="shan"  >X </a></span></div>';
                        $("#resText").append(txtHtml); // 把返回的数据添加到页面上
					},"json");
	   })

})
$(document).ready(function(){
  bindListener();
 });
function bindListener(){
    $("a[name=shan]").unbind().click(function(){
        $(this).parent().remove(); 
    })
}
</script>
</head>
<body>
<form id="form1">

 <p>题目名称: <input type="text" name="title" id="title" /></p>
 <p>题目类别: <select id="leibie" name="leibie"><option value="设计">设计</option><option value="论文">论文</option></select></p>
 <p>题目类型: <select id="leixing" name="leixing"><option value="应用设计">应用设计</option><option value="数学研究">数学研究</option></select></p>
 <p>限选专业: <select id="zhuanye" name="zhuanye"><option value="信管">信管</option><option value="工业">工业</option><option value="土管">土管</option></select></p>
 <p><input type="button" id="sub" value="提交"/></p>
</form>


<div  class='comment'>已有评论：</div>
<div id="resText" >
</div>

</body>
</html> 
